<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>购物车</title>
<link href="css/bootstrap.min.css" rel="stylesheet">
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript">
	// function pNum(pid,p,no){
	// 	var nums = $("#num_count"+no).val();
	// 	$.ajax({
	// 		url:"updateCartNum?pid="+pid+"&num=1&price="+p,
	// 		method:"get",
	// 		success:function(){
	// 			location.href = "getCart";
	// 		},
	// 		error:function(){
	// 			alert("服务器异常");
	// 		}
	// 	})
	// }
	// function mNum(pid,p,no){
	// 	var num = -1; //数量
	// 	var nums = $("#num_count"+no).val();
	// 	if(Number(nums)<=1){
	// 		if(confirm("确认要删除吗?")){
	// 			num = 0;
	// 		}else{
	// 			return;
	// 		}
	// 	}
	// 	$.ajax({
	// 		url:"updateCartNum?pid="+pid+"&num="+num+"&price="+p,
	// 		method:"get",
	// 		success:function(){
	// 			location.href = "getCart";
	// 		},
	// 		error:function(){
	// 			alert("服务器异常");
	// 		}
	// 	})
	// }
	/*前端点击方法修改,传参到前端方法里面利用location.href跳转后,传入数据到后台即可,注意-时的为1的删除提示,所以上面原有方法注释掉↓*/
	function add(cid,price,num) {
		//购物车已经有了点击+号添加实际上是访问后台链接进行更新数据库然后跳转后台列表查询↓
		num++;
        location.href = "${pageContext.request.contextPath}/cart?method=update&cid="+cid+"&price="+price+"&num="+num;
    }

    function sub(cid,price,num) {
        //减到数量为1时不能再减了,为了避免后面不断减有负数,干脆弹框确认删除↓
        if (num == 1) {
            if (confirm("数量为1你确定要删除吗?")) {
                location.href = "${pageContext.request.contextPath}/cart?method=delete&cid=" + cid;
                //return;//这样写不行,不然点击取消还走下面的--逻辑
            }
        } else {
            num--;
            location.href = "${pageContext.request.contextPath}/cart?method=update&cid="+cid+"&price="+price+"&num="+num;
        }
    }

	function deleteCart(cid){
		if(confirm("确认要删除吗")){
			location.href="${pageContext.request.contextPath}/cart?method=delete&cid=" + cid;
		}
	}

	function clearCart(uid){
		if(confirm("确认要清空购物车吗")){
			location.href="${pageContext.request.contextPath}/cart?method=clear&uid=" + uid;
		}
	}
</script>
</head>
<body style="background-color:#f5f5f5">
<%@ include file="header.jsp"%>
<div class="container" style="background-color: white;">
	<div class="row" style="margin-left: 40px">
		<h3>我的购物车<small>温馨提示：产品是否购买成功，以最终下单为准哦，请尽快结算</small></h3>
	</div>
	<div class="row" style="margin-top: 40px;">
		<div class="col-md-10 col-md-offset-1">
			<table class="table table-bordered table-striped table-hover">
 				<tr>
 					<th>序号</th>
 					<th>商品名称</th>
 					<th>价格</th>
 					<th>数量</th>
 					<th>小计</th>
 					<th>操作</th>
 				</tr>
 				<c:set value="0" var="sum"></c:set>
 				<c:forEach items="${carts}" var="c" varStatus="i">
	 				<tr>
	 					<th>${i.count}</th>
	 					<th>${c.product.name}</th>
	 					<th>${c.product.price}</th>
	 					<th width="100px">
		 					<div class="input-group">
		 						<span class="input-group-btn">
		 							<button class="btn btn-default" type="button" onclick="sub(${c.cid},${c.product.price},${c.num})">-</button>
		 						</span>
		 						<input type="text" class="form-control" id="num_count${i.count}" value="${c.num}" readonly="readonly" style="width:40px">
		 						<span class="input-group-btn">
		 							<button class="btn btn-default" type="button" onclick="add(${c.cid},${c.product.price},${c.num})">+</button>
		 						</span>
	 						</div>
	 					</th>
	 					<th>¥&nbsp;${c.money}</th>
	 					<th>
	 						<button type="button" class="btn btn-default" onclick="deleteCart(${c.cid})">删除</button>
	 					</th>
	 				</tr>
	 				<c:set var="sum" value="${sum+c.money}"></c:set>
 				</c:forEach>
			</table>
		</div>
	</div>
	<hr>
	<div class="row">
		<div class="pull-right" style="margin-right: 40px;">
			
	            <div>
	            	<a id="removeAllProduct" href="#" onclick="clearCart(${loginUser.uid})" class="btn btn-default btn-lg">清空购物车</a>
	            	&nbsp;&nbsp;
	            	<a href="${pageContext.request.contextPath}/order?method=preView" class="btn  btn-danger btn-lg">添加收货地址</a>
	            	
	            </div>
	            <br><br>
	            <div style="margin-bottom: 20px;">        		  
	            	商品金额总计：<span id="total" class="text-danger"><b>￥&nbsp;&nbsp;${sum}</b></span>
	            </div>
		</div>
	</div>
</div>
	
    
<!-- 底部 -->
<%@ include file="footer.jsp"%>

</body>
</html>